@import './custom.less';

.flexRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flexColumn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@ShowWorkPlace: null;
@NoWorkPlace: none;
:global {
  .type-nav-parent {
    .flexRow;
    font-size: 24px;
  }
  #components-tree-demo-draggable .draggable-tree .ant-tree-node-content-wrapper {
    width: calc(100% - 18px);
  }
  .ant-tree-node-content-wrapper {
    width: 100%;

  }

  .type-tree-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    & input {
      width: 20%;
    }

    #workplace {
      margin-left: 8px;
      .workplace-item-text {
        &:hover {
          color: #108ee9;
        }
      }

    }
  }
}
